nav{
    height:0.28rem;
    margin:0.08rem 0;

    display:flex;
    border:1px solid #999;
    font-size: 0.12rem;

    p:nth-of-type(1){
        height:100%;
        flex:1;
        display:flex;
        justify-content: center;
        align-items: center;
        span:nth-of-type(2){
            display: block;
            width:0;
            height:0;
            border:0.06rem solid transparent;
            border-bottom-color: black;
        }
    }
    p:nth-of-type(2){
        height:100%;
        flex:1;
        display:flex;
        justify-content: center;
        align-items: center;
        span:nth-of-type(2){
            display: block;
            width:0;
            height:0;
            border:0.06rem solid transparent;
            border-bottom-color: black;

        }
    }
    p:nth-of-type(3){
        height:100%;
        flex:1;
        display:flex;
        justify-content: center;
        align-items: center;
        color:red;
    }
}

ul{
    // display: none;
    li{
        border-bottom:1px solid #999;
        height:0.33rem;
        line-height: 0.33rem;
        padding-left:0.17rem;
        font-weight: 900;
        font-size: 0.12rem;
    }
}
main{
    
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-evenly;
    div{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width:45%;
        height:3.1rem;
        border:1px solid #999;
        padding:0.08rem;
        margin:0.04rem;
        box-sizing: border-box;
        img{
            width:90%;
            height:1.5rem;
           

        }
        p:nth-of-type(1){
            font-size: 0.13rem;
        }
        p:nth-of-type(2){
            font-size: 0.13rem;
            color:red;
        }
    }
}